@import url('reset.css');
@import url('960gs.css');
@import url('header.css');
@import url('menu.css');
@import url('footer.css');

/* Generality */
body { background: url('../../images/background_body.png'); font-family: Verdana, Sans-serif; font-size: 12px;}
.container_12 { overflow: auto;}
.space { height: 50px; }
a { color: #333; text-decoration: none; outline: none;}
a:hover, a:focus { text-decoration: underline;}
textarea{resize:none;}
h1 a {}
h1 a:hover { text-decoration: none;}

/* Body */
#container { background: #FFF; border: 1px solid #999; box-shadow: 0px 0px 25px #999; }

/* Login */
.login { width: 510px; margin: 20px auto;}
.login label { color: #999; display: block;font-size: 11px; letter-spacing: 1px;}
.login .identifiant { float: left; width: 250px; margin-right: 20px; }
.login .motdepasse { width: 240px; display: inline-block;}
.errorText { color: red; }

/* Contact */
.contact { width: 510px; margin: auto; text-align: center}
.contact label {display: block;font-size: 11px; letter-spacing: 1px; width: auto}
.contact .sujet {width: 250px; margin-top: 20px; margin-bottom: 20px; margin: auto;}
.contact .message {width: 300px; margin: auto;}
.contact .envoyer {width : 100px; margin: auto;}

/* Profil */
.profil .photo {width : 80px; height: 80px; border: 1px solid #D1D1D1;background: #F0F0F0;float: right;margin-right: 20px;text-align: center;padding-top: 10px; }

input { outline:none; }
.inputText { border: 1px solid #999; height: 20px;padding: 3px; width: 100%;background: #F0F0F0; color: #666;}
.inputText:hover, .inputText:focus { background: #F9F9F9;}

input[type="submit"],input[type="button"], button { border: 1px solid #999; background: #F9F9F9; margin: 15px 0px; width: 103%; padding: 5px; color: #333; letter-spacing: 1px; font-weight: bold; color: #666;}
input[type="submit"]:hover, input[type="submit"]:focus,input[type="button"]:hover, input[type="button"]:focus, button:hover, button:focus { background: #F0F0F0;color: #666; border: 2px solid #999; margin-bottom: 13px; }

.table_list th {border: 1px solid; text-align: center; padding: 5px;}
.table_list td {border: 1px solid; text-align: center; padding: 5px;}

/* Information Message */
.infoBox { color: #419574; border: 1px solid #419574; background: #e0f0e4; text-align: center; padding: 5px; margin: 5px 0px; text-align: left; }
.infoMsg { color: #419574; float: left; font-size: 10px; margin-bottom:-7px; text-align: left;}
.errorBox { color: #cd0a0a; border: 1px solid #cd0a0a; background: #fef1ec; text-align: center; padding: 5px; margin: 5px 0px; text-align: left; }
.errorMsg { color: #cd0a0a; float: left; font-size: 10px; margin-bottom:-7px; text-align: left;}
.imgOk { background: url('../../images/ok.png'); height: 16px; width: 16px; float : left; margin: 0px 8px; }
.imgNOk { background: url('../../images/nok.png'); height: 16px; width: 16px; float : left; margin: 0px 8px; }
.footerMsg { font-size: 10px; margin-bottom:-7px; width: 100%; text-align: right; }
.errorText { color: #cd0a0a; margin-top:4px; }


.faq h2 { font-size: 15px; border-bottom: 1px solid #E1E1E1; margin: 10px 0px 6px 0px; }
.faq .header { text-align: right; width: 100%; padding-top: -30px; position: absolute; }
.faq .sommaire { border: 1px solid #E1E1E1; padding: 5px; margin-top: 0px; display: block; font-weight: bold; text-align: center; background: #C1C1C1; color: #666; border-radius: 10px; box-shadow: 2px 2px 2px #999; border-top: 1px solid #F1F1F1; }
.faq .sommaire:hover { text-decoration: none; background-color: #D1D1D1; color: #333; border-bottom: 1px solid #D1D1D1;}